<template>
	<div class="items">
		<router-link :to="'/product/'+item.action.path" class="item" v-for="item in data" :key="item.action.path">
			<img v-lazy="item.img_url" alt="">
			<p>{{item.product_name}}</p>
		</router-link>
	</div>
</template>
<style scoped="scoped" lang="scss">
	.items{
		color:#999;
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
		text-align:center;
		font-size: .24rem;
		.item{
			flex-basis: 33%;
			max-width:33%;
			img{
				width: 50%;
				min-height: 50px;
			}
		}
		p{
			line-height: .88rem;
		}
	}
	
</style>
<script>
	export default{
		props:{
			data:{
				type:Array,
				default(){return []}
			}
		}
	}
</script>


